body{background:#f0f0f0;color:#666;font-size:14px;font-family:"微软雅黑";}
.loginbox{ position:absolute; left:50%; top:50%; height:292px; width:682px; margin:-146px 0 0 -341px; overflow:hidden; background:url(../images/box.png) no-repeat;  }
.loginbox .content{position:absolute;left:280px; width:330px;margin-top:30px;}
.loginbox .content .title{color:#888;padding:5px;padding-right:0px;font-size:15px;border-bottom:1px dashed #ddd;margin-left:20px;}

.loginbox .inputs {margin-top:20px;}
.loginbox .inputs div {width:400px;margin-left:20px;}
.loginbox .inputs div span
{display:block;float:left;width:60px;line-height:30px;text-align:right;font-size:13px;}

.loginbox .inputs div input{
	background:rgba(255, 255, 255, .6);
	color:#666;
	font-weight:800;
	letter-spacing:1px;
	background: #f1f1f1\9;
	padding: 6px;
	margin: 0 0 15px 5px;
	width: 180px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.loginbox .actions{margin-top: 0px;margin-left:85px;}
.loginbox #submit{
	margin-right:20px;
	height: 30px;
	padding: 0;
	width: 80px;
	cursor: pointer;
	font-size:15px;
	color: #eee; 
	text-transform: uppercase; 
	margin-top: 10px;
	background-color: #18a5cc;
	border: none;		
	-webkit-transition: -webkit-box-shadow 0.3s linear;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);
}
.loginbox #submit:hover,#submit:focus{
	background:#6cf;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);
	box-shadow:1px 1px 20px #aaa;
	font-weight:800;
}
.loginbox #submit:active{
	outline: none;   
	 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}